* {
    margin:0;
    padding:0;
    box-sizing:border-box;
}
#tabs {
    position:relative;
    padding:20px;
    margin:0 auto;
}
#tabs > ul {
    list-style:none;
    overflow:hidden;
}
#tabs > ul > li {
    float:left;
    line-height:30px;
    text-align:center;
    /*border:1px solid black;*/
    border-radius:5px;
    margin:5px;
    cursor:pointer;
    user-select:none;
}
#tabs > ul > li.active {
    background-color:greenyellow;
}
#tabs > div {
    position:absolute;
    padding:10px;
    /*border:1px solid black;*/
    box-shadow:3px 3px 3px #ccc;
    display:none;
}
#tabs > div.show {
    display:block;
}
